<script setup lang="ts">
const {waterForm} = defineProps<{
  waterForm: Object;  // 定义采样时间的类型
}>();

</script>

<template>
  <el-card class="box-card">
    <h1 style="text-align: center">固废浸出液 原子荧光光度法分析原始记录（B面）</h1>
    <div>SXLPHJ/JL/CX-22-104</div>
    <table class="table" style="margin-bottom: 0">
      <tr>
        <td colspan="11">
          <div style="display: flex;align-items: center;justify-content: space-between">
            <div></div>
            <p style="font-size: 18px;margin: 0">标准溶液/曲线配制</p>
            <div style="display: flex;align-items: center">
              <span style="width: 70px;">绘制日期：</span>
              <el-input style="width: 50%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.hzrq"/>
            </div>
          </div>
        </td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td>元素</td>
        <td>标准贮备液批号</td>
        <td>标准贮备液浓度()</td>
        <td>贮备液有效日期</td>
        <td>移取贮备液体积(mL)</td>
        <td>定容体积(mL)</td>
        <td>
          <div>
            中间液浓度(
            <el-input v-model="waterForm.unit.qx_zjynd" style="width: 20%;" placeholder="请输入"></el-input>
            )
          </div>
        </td>
        <td>移取中间液体积(mL)</td>
        <td>定容体积(mL)</td>
        <td>
          <div>
            使用液浓度(
            <el-input v-model="waterForm.unit.qx_syynd" style="width: 20%;" placeholder="请输入"></el-input>
            )
          </div>
        </td>
        <td>备注</td>
      </tr>
      <tr v-for="(item, index) in waterForm.bdatas.qxpz" :key="index">
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.qx_ys"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.qx_zbyph"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.qx_zbynd"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.zbyyxrq"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.qx_zbytj"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.qx_drtj"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.qx_zjynd"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.qx_yqzjytj"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.qx_drtj1"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.qx_syynd"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.qx_bz"/>
        </td>
      </tr>
    </table>
    <table class="table">
      <tr>
        <td colspan="4">元素</td>
        <td colspan="7" style="width:8%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.ys1"/>
        </td>
        <td colspan="10" style="width:8%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.ys2"/>
        </td>
      </tr>
      <tr>
        <td colspan="4">编号</td>
        <td style="width:6%">空白</td>
        <td style="width:6%">1</td>
        <td style="width:6%">2</td>
        <td style="width:6%">3</td>
        <td style="width:6%">4</td>
        <td style="width:6%">5</td>
        <td style="width:6%">6</td>
        <td style="width:6%">空白</td>
        <td style="width:6%">1</td>
        <td style="width:6%">2</td>
        <td style="width:6%">3</td>
        <td style="width:6%">4</td>
        <td style="width:6%">5</td>
        <td colspan="2" style="width:8%">6</td>
      </tr>
      <tr>
        <td colspan="4">标准使用液加入量(mL)</td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_one"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_tow"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_three"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_four"/>
        </td>
        <td style="width:3%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_five"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_six"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_seven"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_eight"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_nine"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_ten"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_eleven"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_twelve"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_thirteen"/>
        </td>
        <td colspan="2" style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_fourteen"/>
        </td>
      </tr>
      <tr>
        <td colspan="4">
          <div>
            使用液浓度p(
            <el-input v-model="waterForm.unit.qx_syynd" style="width: 20%;" placeholder="请输入"></el-input>
            )
          </div>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_one"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_tow"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_three"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_four"/>
        </td>
        <td style="width:3%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_five"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_six"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_seven"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_eight"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_nine"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_ten"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_eleven"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_twelve"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_thirteen"/>
        </td>
        <td colspan="2" style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_fourteen"/>
        </td>
      </tr>
      <tr>
        <td colspan="4">响应值</td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.xyz.xyz_one"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.xyz.xyz_tow"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.xyz.xyz_three"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.xyz.xyz_four"/>
        </td>
        <td style="width:3%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.xyz.xyz_five"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.xyz.xyz_six"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.xyz.xyz_seven"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.xyz.xyz_eight"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.xyz.xyz_nine"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.xyz.xyz_ten"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.xyz.xyz_eleven"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.xyz.xyz_twelve"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.xyz.xyz_thirteen"/>
        </td>
        <td colspan="2" style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.xyz.xyz_fourteen"/>
        </td>
      </tr>

      <tr>
        <td colspan="4">曲线信息</td>
        <td colspan="7">
          <div style="display: flex;align-items: center">
            <div style="display: flex;align-items: center;">
              y=
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.y1"/>
            </div>
            <div style="display: flex;align-items: center;">
              r=
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.r1"/>
            </div>
            <div style="display: flex;align-items: center;">
              a=
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.a1"/>
            </div>
            <div style="display: flex;align-items: center;">
              b=
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.b1"/>
            </div>
          </div>
        </td>
        <td colspan="10">
          <div style="display: flex;align-items: center">
            <div style="display: flex;align-items: center;">
              y=
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.y2"/>
            </div>
            <div style="display: flex;align-items: center;">
              r=
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.r2"/>
            </div>
            <div style="display: flex;align-items: center;">
              a=
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.a2"/>
            </div>
            <div style="display: flex;align-items: center;">
              b=
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.b2"/>
            </div>
          </div>
        </td>
      </tr>
    </table>
    <div style="display: flex;">
      <!--      平行样测定-->
      <table class="table" style="margin-bottom: 0">
        <tr>
          <td colspan="7" style="font-weight:bold;text-align:center">平行样测定</td>
        </tr>
        <tr style="background-color: #f2f2f2">
          <td>元素</td>
          <td>样品编号</td>
          <td>
            <div>
              测定浓度(
              <el-input v-model="waterForm.unit.px_cdnd" style="width: 20%;" placeholder="请输入"></el-input>
              )
            </div>
          </td>
          <td>
            <div>
              平均值(
              <el-input v-model="waterForm.unit.px_pjz" style="width: 20%;" placeholder="请输入"></el-input>
              )
            </div>
          </td>
          <td>
            <input type="checkbox"/>
            <div>
              相对偏差(
              <el-input v-model="waterForm.unit.px_xdpc" style="width: 20%;" placeholder="请输入"></el-input>
              )
            </div>
            <br/>
            <input type="checkbox"/>
            <div>
              差 值(
              <el-input v-model="waterForm.unit.px_cz" style="width: 20%;" placeholder="请输入"></el-input>
              )
            </div>
          </td>
          <td>
            <div>
              质控要求(
              <el-input v-model="waterForm.unit.px_zkyq" style="width: 20%;" placeholder="请输入"></el-input>
              )
            </div>
          </td>
          <td>是否合格</td>
        </tr>
        <tr v-for="(item, index) in waterForm.pxycd" :key="index">
          <td v-if="index % 2 === 0" rowspan="2">
            <el-input
                style="width: 100%;border: 1px solid transparent"
                placeholder="请输入"
                v-model="item.px_ys"
            />
          </td>
          <td>
            <el-input
                style="width: 100%;border: 1px solid transparent"
                placeholder="请输入"
                v-model="item.px_ypbh"
            />
          </td>
          <td>
            <el-input
                style="width: 100%;border: 1px solid transparent"
                placeholder="请输入"
                v-model="item.px_cdnd"
            />
          </td>
          <td v-if="index % 2 === 0" rowspan="2">
            <el-input
                style="width: 100%;border: 1px solid transparent"
                placeholder="请输入"
                v-model="item.px_pjz"
            />
          </td>
          <td v-if="index % 2 === 0" rowspan="2">
            <el-input
                style="width: 100%;border: 1px solid transparent"
                placeholder="请输入"
                v-model="item.px_xdwc"
            />
          </td>
          <td v-if="index % 2 === 0" rowspan="2">
            <el-input
                style="width: 100%;border: 1px solid transparent"
                placeholder="请输入"
                v-model="item.px_zkbz"
            />
          </td>
          <td v-if="index % 2 === 0" rowspan="2">
            <el-input
                style="width: 100%;border: 1px solid transparent"
                placeholder="请输入"
                v-model="item.px_sfhg"
            />
          </td>
        </tr>
      </table>
      <div style="display: flex;flex-direction: column;">
        <!--      曲线校准点测定-->
        <table class="table" style="margin-bottom: 0">
          <tr>
            <td colspan="4">曲线校准点测定</td>
          </tr>
          <tr>
            <td>样品编号</td>
            <td>相对误差(%)</td>
            <td>质控要求(%)</td>
            <td>是否合格</td>
          </tr>
          <tr v-for="(item,index) in waterForm.bdatas.qxjhdcd" :key="index">
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.qx_ypbh"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.qx_xdwc"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.qx_zkyq"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.qx_sfhg"/>
            </td>
          </tr>
        </table>
        <!--        标准样品测定-->
        <table class="table" style="margin-bottom: 0;height: 100%">
          <tr>
            <td colspan="5">标准样品测定</td>
          </tr>
          <tr>
            <td>元素</td>
            <td>标样批号</td>
            <td>
              <div>
                测定浓度(
                <el-input v-model="waterForm.unit.bz_cdnd" style="width: 20%;" placeholder="请输入"></el-input>
                )
              </div>
            </td>
            <td>
              <div>
                标准值(
                <el-input v-model="waterForm.unit.bz_bzz" style="width: 20%;" placeholder="请输入"></el-input>
                )
              </div>
            </td>
            <td>是否合格</td>
          </tr>
          <tr v-for="(item,index) in waterForm.bzycd" :key="index">
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.bz_ys"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.bz_bzph"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.bz_cdnd"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.bz_bzz"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.bz_sfhg"/>
            </td>
          </tr>
        </table>
      </div>

    </div>
    <table class="table">
      <tr>
        <td colspan="9" style="text-align:center;font-weight:bold">加标回收率测定</td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td>样品编号</td>
        <td>
          <div>
            加标后样品浓度/含量(
            <el-input v-model="waterForm.unit.jb_jbhypnd" style="width: 20%;" placeholder="请输入"></el-input>
            )
          </div>
        </td>
        <td>
          <div>
            标液浓度(
            <el-input v-model="waterForm.unit.jb_bynd" style="width: 20%;" placeholder="请输入"></el-input>
            )
          </div>
        </td>
        <td>
          <div>
            加标量(
            <el-input v-model="waterForm.unit.jb_jbl" style="width: 20%;" placeholder="请输入"></el-input>
            )
          </div>
        </td>
        <td>
          <div>
            原样品含量/浓度(
            <el-input v-model="waterForm.unit.jb_yyphl" style="width: 20%;" placeholder="请输入"></el-input>
            )
          </div>
        </td>
        <td>加标回收率(%)</td>
        <td>质控要求(%)</td>
        <td>是否合格</td>
      </tr>
      <tr v-for="(item,index) in waterForm.jbycd" :key="index">
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_ypbh"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_jbhypnd"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_bynd"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_jbl"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_yyphl"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_jbhsl"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_zkyq"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_sfhg"/>
        </td>
      </tr>

      <tr>
        <td style="width:6%">备注</td>
        <td colspan="8">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bnotes"/>
        </td>
      </tr>
    </table>
  </el-card>
</template>

<style scoped lang="scss">
.card {
  padding: 20px 25px;
}

.table {
  width: 100%;
  border-collapse: collapse;
  /* 表格边框合并 */
  text-align: left;
  /* 默认左对齐 */
  font-size: 14px;
  /* 字体大小 */
  color: #606266;
  /* 默认字体颜色 */
  margin-bottom: 20px;
}

.table th,
.table td {
  border: 1px solid #c2bfbf;
  /* 表格单元格边框颜色 */
  padding: 12px;
  /* 单元格内边距 */
  text-align: center;
}

.table th {
  background: #f5f7fa;
  /* 表头背景色 */
  font-weight: 600;
  /* 表头字体加粗 */
  color: #303133;
  /* 表头字体颜色 */
  text-align: center;
  /* 表头居中 */
}


.table-td {
  display: flex;
}

::v-deep .el-input__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-select__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-input-group__append {
  background-color: transparent;
  box-shadow: none;
}
</style>

